<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
    </h:head>
    <h:body style="text-align:center">
        <p:growl id="mensajes"  life="10000" />
        <h:form>
                <p:dataTable id="tablaCiudad" paginatorAlwaysVisible="true"                                                          
                             var="obj" value="#{ciudadBean.listaCiudades}" paginator="true" 
                             paginatorPosition="bottom"
                             emptyMessage="No se han encontrado registros"
                             rows="3" filteredValue="#{ciudadBean.listaCiudadesFiltro}" 
                             widgetVar="codigoFiltro" scrollable="true"  scrollWidth="true" scrollHeight="150"
                             liveScroll="true">
                    
                    <f:facet name="header">
                        <p:outputPanel>
                            <h:outputText value="Buscar: " />
                            <h:inputText id="globalFilter" onkeyup="PF('codigoFiltro').filter()" style="width:150px"/>
                            
                        </p:outputPanel>
                    </f:facet>
                    <p:column filterBy="#{obj.codigo}" id="codigo" headerText="Código" footerText="contains" filterMatchMode="contains">
                        <h:outputText value="#{obj.codigo}" />
                    </p:column>
                    <p:column headerText="Nombre">
                        <h:outputText value="#{obj.nombre}" />
                    </p:column>                
                    <p:column headerText="Acción">
                        <p:commandButton value="Eliminar " onclick="PF('cd').show()" />
                        <p:confirmDialog message="Estas seguro que desea eliminar el registro # #{obj.codigo} ?" 
                                         header="Eliminar" severity="alert"
                                         widgetVar="cd">

                            <p:commandButton value="Aceptar" actionListener="#{ciudadBean.delete()}" oncomplete="PF('cd').hide()">
                                <f:setPropertyActionListener value="#{obj.codigo}" target="#{ciudadBean.codigo}"  />
                            </p:commandButton>
                            <p:commandButton value="Cancelar" onclick="PF('cd').hide();" type="button" />

                        </p:confirmDialog>
                        <p:commandButton value="Modificar" action="#{ciudadBean.agregarCiudad()}"/> 
                    </p:column>                     
                </p:dataTable>
            </h:form>
    </h:body>
</html>